<template>
    <swiper>
      <swiper-item v-for="item in banners" >
        <a :href="item.link">
          <img :src="item.image" alt="" @load="imageLoad">
        </a>
      </swiper-item>
    </swiper>
</template>

<script>
import { Swiper, SwiperItem} from 'components/common/swiper';

export default {
   name:'HomeSwiper',
   props:{
    banners:{
        type:Array,
        default(){
            return []
        }
    }
   },
   data(){
    return{
      // isLoad:false
    }
   },
   components:{
    Swiper,
    SwiperItem
   },
   methods:{
    imageLoad(){
      this.$emit("swiperImageLoad");
      //在home里用.once方法
      // if(!this.isLoad){
        //this.$emit("swiperImageLoad");
      //   this.isLoad = true;
      // }      
    }
   }
}
</script>

<style scoped>

</style>
